html,body {width:100%;height:100%;margin:2px;}
#maindiv{width:100%;height:100%;}
.left{width:200px;height:100%;float:left}
.right{height:100%;}
.wait {
    display: none;
    width: 100%;
    height: 120%;
    text-align: center;
    padding-top: 20%;
    position: absolute;
    opacity: 0.45;
    background-color: #FFFFFF;
    z-index: 999999999;
}
.previewbox {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    left : 0px;
    top : 0px;
    vertical-align:middle;
    /* opacity: 0.45; */
    padding: 20px;
    background-color: #556677;
    z-index: 999999999;
}
.curflowtxt{font-family:Microsoft YaHei, SimSun;font-size:12px;margin-left:20px;color:white;}
.popupfieldset {border: 0;}
.popuplabel {display: block;margin: 30px 0 0 0;}
.popupselect {width: 200px;font-size:13px;}
#div_ve {width:100%;height:100%;}

.grid_even_row {background:#F8F8F8;}
.grid_odd_row {background:#F8F8F8;}
.grid_even_row_white {background:#FFFFFF;}
.grid_odd_row_white {background:#FFFFFF;}

.btn_pic{cursor:pointer;width:22px;height:22px;}
.btn_pic:hover{width:24px;height:24px;}
.btn_pic_spex{cursor:pointer;width:16px;height:16px;}
.btn_pic_spex:hover{width:20px;height:20px;}
.tip-bpmnnote {
    border: none;
    color: #468847;
    background-color: #dff0d8;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    opacity: 1;
    transition: opacity .15s linear;
    font-size: 11px;
    width: 200px;
    height: 60px;
    z-index:99999999;
}
.tip-bpmnnote div {width:100px;display:inline;}

.djs-selection-toolpad {width:240px;height:26px;background-color:white;/* border:1px solid #888888; */border-radius:3px;padding:4px;}
.djs-selection-toolpad .btn_img {float:left;cursor:pointer;padding:2px;border-radius:2px;margin-left:3px;margin-right:3px;}
.djs-selection-toolpad .btn_img img {width:20px;height:20px;}
.djs-selection-toolpad .btn_img:hover {background: rgb(255, 252, 176);}

.pallete-compboxout {
	background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.pallete-compboxhandle {
	background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    width:100%;
    height: 16px;
    vertical-align:middle;
    padding-top: 2px;
    padding-bottom: 4px;
    cursor : move;
}

.pallete-compboxfooter {
	background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    width:100%;
    height: 10px;
    vertical-align:middle;
}

.pallete-compboxhandle .btnico {
	background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #ccc;
    border-radius: 3px;
    /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); */
    width: 16px;
    height: 16px;
    margin-left : 4px;
    margin-right : 4px;
}

.pallete-compboxhandle .leftico {
    float: left;
    opacity : 0.4;
}

.pallete-compboxhandle .rightico {
    cursor : pointer;
    float: right;
    margin-right: 4px;
}

.pallete-tree {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.pallete-tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.pallete-tree li::before, .pallete-tree li::after {
    content:'';
    left:-20px;.
    position:absolute;
    right:auto
}
.pallete-tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.pallete-tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.pallete-tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.pallete-tree li.parent_li>span {
    cursor:pointer
}
.pallete-tree>ul>li::before, .pallete-tree>ul>li::after {
    border:0
}
.pallete-tree li:last-child::before {
    height:30px
}
.pallete-tree li.parent_li>span:hover, .pallete-tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}


.palette-comp {
    overflow:auto;width:100%;height:100%;
}

.palette-comp .separator {
  margin: 3px 5px 5px 5px;
  border: solid 1px #DDD;
  border-radius: 1px;
}

.palette-comp-item {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    width:146px;
    height:46px;
    margin-top:10px;
}

.palette-comp-item:hover {
    background: none repeat scroll 0 0 #aaaafa;
    border: 1px solid #06d0ff;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
    color:blue;
    margin-left:12px !important;
    transition:margin-left 0.4s;
}

.palleteico-selecttool{background:url(../../../../images/platform/designer/component/select2.png) no-repeat left;}
.palleteico-spacetool{background:url(../../../images/platform/designer/component/spacetool1.gif) no-repeat left;}

.palleteico-start-none{background:url(../../../../images/platform/designer/component/start2.png) no-repeat left;}
.palleteico-end-none{background:url(../../../../images/platform/designer/component/end2.png) no-repeat left;}

.palleteico-task-none{background:url(../../../images/platform/designer/component/task1.gif) no-repeat left;}
.palleteico-task-user{background:url(../../../../images/platform/designer/component/usertask2.png) no-repeat left;}
.palleteico-task-role{background:url(../../../images/platform/designer/component/roletask1.gif) no-repeat left;}
.palleteico-task-receive{background:url(../../../images/platform/designer/component/receivetask1.gif) no-repeat left;}
.palleteico-task-send{background:url(../../../images/platform/designer/component/sendtask1.gif) no-repeat left;}
.palleteico-task-rule{background:url(../../../images/platform/designer/component/ruletask1.gif) no-repeat left;}
.palleteico-task-service{background:url(../../../../images/platform/designer/component/servicetask2.png) no-repeat left;}
.palleteico-task-script{background:url(../../../images/platform/designer/component/scripttask1.gif) no-repeat left;}

.palleteico-gateway-none{background:url(../../../../images/platform/designer/component/gateway2.png) no-repeat left;}
.palleteico-subprocess-collapsed-none{background:url(../../../../images/platform/designer/component/subprocess_collapsed1.gif) no-repeat left;}
.palleteico-subprocess-expanded-none{background:url(../../../../images/platform/designer/component/subprocess_expanded1.gif) no-repeat left;}
.palleteico-participant-expanded{background:url(../../../../images/platform/designer/component/participant_expanded2.png) no-repeat left;}
.palleteico-participant-group{background:url(../../../../images/platform/designer/component/participant_group2.png) no-repeat left;}
.palleteico-milestone{background:url(../../../../images/platform/designer/component/milestone2.png) no-repeat left;}
.palleteico-milestone-group{background:url(../../../../images/platform/designer/component/milestone_group2.png) no-repeat left;}

.palleteico-role{background:url(../../../images/platform/designer/component/role.png) no-repeat left;}
.palleteico-roletask{background:url(../../../images/platform/designer/component/roletask.png) no-repeat left;}

.palleteico-expanded{background:url(../../../images/platform/designer/component/tree_expanded1.png) no-repeat center;}
.palleteico-collapsed{background:url(../../../images/platform/designer/component/tree_collapsed1.png) no-repeat center;}


